Definicion de estilos a nivel de marca HTML

Temas > Programacion > Css > Definicion de estilos a nivel de marca HTML

Julio(Admin)

Fecha de registro: 2011-01-21 21:33:50
Total temas creados: 456
Total mensajes enviados: 26

Fecha del Tema: 2013-01-30 17:43:50

Definición de estilos a nivel de marca HTML Es la forma más fácil pero menos recomendada para aplicación de un estilo a una marca HTML. Se define en la propiedad style los estilos a definir para dicha marca. Es común definir estilos directamente en las marcas HTML cuando estamos diseñando la página y posteriormente trasladar el estilo creado a una hoja de estilos. La sintaxis para definir un estilo a una marca HTML es la siguiente: <?php //esto no va <html> <head> </head> <body> <h1 style="color:#ff0000;background-color:#ffff00"> Este mensaje es de color rojo sobre fondo amarillo. </h1> </body> </html> ?>//esto no va Por defecto, todo navegador tiene un estilo definido para cada marca HTML, lo que hacemos con la propiedad style es redefinir el estilo por defecto. En este problema definimos que la marca h1 defina como color de texto el rojo y como color de fondo el amarillo: <?php //esto no va <h1 style="color:#ff0000;background-color:#ffff00"> Este mensaje es de color rojo sobre fondo amarillo. </h1> ?>//esto no va Veremos más adelante que hay muchas propiedades en CSS. En este primer ejemplo inicializamos las propiedades color (define el color del texto) y background-color (define el color de fondo del texto). Cada vez que inicializamos una propiedad debemos separarla de la siguiente por punto y coma. Cuando definimos estilos directamente en las marcas HTML, tenemos que tener en cuenta que el estilo se aplica únicamente a la marca donde inicializamos la propiedad style, es decir, si tenemos dos secciones h1, deberemos definir la propiedad style para cada marca: <?php //esto no va <h1 style="color:#ff0000;background-color:#ffff00"> Primer título </h1> <h1 style="color:#ff0000;background-color:#ffff00"> Segundo título </h1> ?>//esto no va Como podemos observar, más alla que los dos estilos son exactamente iguales, estamos obligados a definirlos para cada marca HTML.

Si quieres dejar un comentario registrate o inicia sesión pulsando aquí

¿Has olviado tu contraseña?
¿Todavia no te has registrado?
Pulsa aquí para registrate

Visitas: 1568795
Usuarios en linea: 4

Google

Calendario

Lun	Mar	Mie	Jue	Vie	Sab	Dom

1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

Martes 30 de Abril 2024
Semana 18

Enlaces de interes

Todos los viernes a las 23:30 hs

Css

-Disposicion de 3 columnas, cabecera y pie en Css
-Disposicion de 2 columnas, cabecera y pie en Css
-Disposicion de 2 columnas (propiedad float)
-Propiedad float aplicada a una imagen con Css
-Disposicion de 2 columnas en html con Css
-Posicionamiento absoluto en html con Css
-Posicionamiento relativo en html con Css
-Definiendo reglas de estilo a una tabla
-Aplicacion de hojas de estilo a un formulario
-Definir un cursor para un control HTML
-Unidades de medida px cm mm em CSS
-Dimension de un objeto en una pagina
-Creacion de un menu horizontal con CSS
-Creacion de un menu vertical con CSS
-Eliminar el subrayado con CSS
-Usar el selector universal en CSS
-Propiedades relacionadas al margen con CSS
-Propiedades relacionadas al padding con CSS
-Borde de una marca HTML con CSS
-Estilos por medio de Id en CSS
-Estilos por medio de clases con CSS
-Definicion de hojas de estilo en un archivo exter.
-Definicion de un estilo en funcion de contexto CSS
-Herencia de propiedades de estilo en CSS
-Propiedades relacionadas al texto en CSS
-Definicion de reglas para una misma marca HTML
-Definicion de estilos a nivel de pagina
-Que son las hojas de estilo CSS
-Propiedades relacionadas a listas en HTML
-Propiedades relacionadas al padding en HTML
-Definicion de varias reglas para una marca HTML
-Utilizar fuente ubuntu

..............................................................................................................................................................................................................................................

Foro creado y diseñado para compartir conocimientos
Política de privacidad y Aviso legal Autor: Julio Tortosa (Contacto)..

Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal

Rechazar Aceptar